h1 ,h2 ,h3 {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}


.nav{
	list-style:none;    /* 去除无序列表的每条记录的标识 */
	
}
  
ul{
	width: auto;
	height: 30px;
	background-color: rgb(17, 170, 241);
	overflow: hidden;
	margin: 20px auto;   /* 元素水平居中 */
} 

li{
	float: left;
	width: 250px;
}
	 
a{
	text-decoration: none;
	color: white;
	font-weight: bold;
	padding: 5px 0;   /* 增加内边距，将li元素的高度撑起来，li元素已经设置漂浮，其高度只能通过子元素来撑起来 */
	text-align: center;
	display: block;     /* 设置成块元素之后,可以设置宽高,将漂浮的块元素li撑起来*/
	width: 100%;
}

.nav li a:hover{
	background-color: rgb(130, 134, 131);  /*设置整个元素的背景 */
	color: rgb(255, 255, 255);  /*设置的是标签内容(这里是文字)的颜色 */
}

#btn_submitdate {
	width: 80px;
}

#left_class {
	width: 50%;
    height: 540px;
	float: left;
}

#right_class {
	width: 50%;
    height: 540px;
	float: right;
}

#container1 {
	width: 100%;
    height: 50%;
}

#container2 {
	width: 100%;
    height: 50%;
}

#query_result {
	width: 95%;
    height: 10%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
	margin-left: 20px;
	font-size: x-large;
	color: rgb(250, 0, 0);
}

#select_date {
	height: 40px;
	width: 100%;
	background-color: rgb(17, 170, 241);
    display: flex;
    align-items: center;
    justify-content: center;
}

#query_record {
	width: 95%;
	height: 90%;
	position: relative;
	background-color: #E6E6E6;
	line-height: 30px;
	top: 45%; /*div下移父容器的一半高度*/
	left: 50%; /*div右移父容器的一半宽度*/
	/*中心矫正：上移div自身一半高度，左移div自身一半宽度*/
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


table {
	width: 100%;
	height: 480px;
	background-color: rgb(163, 163, 163);
}

thead  tr {
    display: block;
}
               
tbody {
    display: block;
	width: 100%;
	height: 454px;
    overflow: auto;
	background-color: #E6E6E6;
	background-color: rgb(163, 163, 163);
}

thead {
	width: 100%;
	background-color: rgb(163, 163, 163);
	background-color: #E6E6E6;
}

thead th {
    width: 150px;
}

thead th + th {
    width: 150px;
}

thead th + th + th {
    width: 448px;
}

tbody td {
    width: 150px;
	background-color: #E6E6E6;
}

tbody td + td {
    width: 150px;
	background-color: #E6E6E6;
}

tbody td + td + td {
    width: 440px;
	background-color: #E6E6E6;
}


